<!DOCTYPE html>

<html xmlns:th="http://www.thymeleaf.org">

	<head>
		<meta name="viewport" content="width=device-width, initial-scale=1.0" />
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>帮助中心--开发方指南</title>
		<link rel="stylesheet" type="text/css" th:href="@{/style/help.css}"/>
        <link th:href="@{/mb/css/bootstrap.min.css}" rel="stylesheet" type="text/css">
        <link th:href="@{/mb/css/css.css}" rel="stylesheet" type="text/css">
        <link th:href="@{/mb/css/Animation.css}" rel="stylesheet" type="text/css">
        <link rel="stylesheet" type="text/css" th:href="@{/style/container.css}">



    </head>
	<body style="line-height:50px">
    <!--头开始-->
    <header class="navbar-fixed-top headerbg" th:each="codeUser:${codeUsers}">
        <!--左上角logo-->
        <div class="logo">
            <a href="http://www.baidu.com" th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}" class="fl mt10">
                <img th:src="@{/mb/images/mclogo.png}" style="margin-top: -30px;margin-left: 30px" alt=""></a></div>

        <!--导航栏剩余部分-->
        <div class="navBox hidden-xs hidden-sm" style="float: right;margin-right: 10%">
            <ul class="navList list-unstyled">
                <li class="navLi">
                    <h3>
                        <a th:href="@{/mc/logged/loginIndex(userNo=${codeUser.userNo})}"><span>首页</span></a>
                    </h3>
                </li>
                <li class="navLi"><h3><a href="#"
                                         th:href="@{/mc/item/loginItemsList(userNo=${codeUser.userNo})}"><span>项目</span></a>
                </h3></li>

                <li class="navLi">
                    <h3>
                        <div th:if="${codeUser.type}==1">
                            <a href="#" th:href="@{/mc/item/myRelease(userNo=${codeUser.userNo})}"><span>我的发布</span></a>
                        </div>
                    </h3>
                </li>

                <li class="navLi">
                    <h3>
                        <span th:if="${codeUser.type}==1">
                            <a href="#"
                               th:href="@{/mc/item/releaseProject(userNo=${codeUser.userNo})}"><span>项目发布</span></a></span>
                    </h3>
                </li>
                <li class="navLi">
                    <h3>
                        <span th:if="${codeUser.type}==2">
                            <a href="#"
                               th:href="@{/mc/stage/participatingProjects(userNo=${codeUser.userNo})}"><span>我的参与</span></a></span>
                    </h3>
                </li>
                <li class="navLi on"><h3><a href="#"
                                         th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span>帮助</span></a></h3>
                </li>
                <li class="navLi"><h3>
                <span th:if="${codeUser.image}">
                <img th:src="@{'/article/'+ ${codeUser.image}}" height="60px" width="60px"> </span>
                    <span th:unless="${codeUser.image}">
                <img th:src="@{/images/center.png}" height="60px" width="60px">
                </span></h3>
                    <div class="navSub">
                        <ul class="navSubList list-unstyled">
                            <li class="navSubLi">
                                <h4><a style="text-decoration: none" th:text="'hello，'+${codeUser.nickName}">hello，xxx</a>
                                </h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/userInformation(userNo=${codeUser.userNo})}">● 个人中心</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/moneyPay(userNo=${codeUser.userNo})}">● 我的开发宝</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/item/myCollection(userNo=${codeUser.userNo})}">● 我的收藏</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/logged/advise(userNo=${codeUser.userNo})}">● 我要建议</a></h4>
                            </li>
                            <li class="navSubLi">
                                <h4><a th:href="@{/mc/}">● 退出登录</a></h4>
                            </li>
                        </ul>
                    </div>
                </li>
            </ul>
        </div>
    </header>
    <!--头结尾-->
    <!--动态线条-->
    <div class="bannerN animated" style="height:  200px;">
        <div class="imgFull"><img class="img-responsive" th:src="@{/mb/images/ab_bg_01.png}"></div>
        <div class="clouds_one"></div>
        <div class="clouds_two"></div>
        <div class="clouds_three"></div>
    </div>
		<div class="div">
			<div class="left-menu-h" >
				<div class="menu-list" th:each="codeUser:${codeUsers}">
					<h3>我是需求方</h3>
					<ul>
						<li><img th:src="@{/images/greypoint.jpg}"/>
							<a href="/helps(userNo=${codeUser.userNo})" th:href="@{/mc/logged/helps(userNo=${codeUser.userNo})}"><span style="color:rgb(151,159,168);font-size: 14px">需求方指南</span></a>
						</li>
					</ul>
					<h3>我是开发方</h3>
					<ul>
						<li><img th:src="@{/images/bluepoint.jpg}"/>
							<a href="/help(userNo=${codeUser.userNo}) " th:href="@{/mc/logged/help(userNo=${codeUser.userNo})}"><span style="color: rgb(65,135,219);font-size: 14px">开发者指南</span></a>
						</li>
					</ul>
				</div>

			</div>
			<div class="main">

				<div class="right-menu-h"  style="border: 1px solid rgb(240,242,245);box-shadow: 0 3px 10px rgba(0,0,0,0.15)">
					<div class="right-menu-h-wrapper">
						<span style="font-size: 24px;color: black;line-height: 80px;font-weight: 500;">开发者指南</span>
                        <div class="division" style="width:100%;margin-left: 0px;border: 1px solid rgb(240,242,245);"></div>
						<div class="step">
							<img th:src="@{/images/help1.jpg}" style="float: left;margin:70px 0 0 15px " />
							<div class="help-tips" style="margin-left:140px ;width: 410px;">
								<p style="font-size: 18px;font-weight: 400;">一、注册并认证身份</p>
								<span>&nbsp;&nbsp;&nbsp;&nbsp;注册成为 “码虫”，完善个人技能信息和项目经验即可开始报名接单。
									在报名项目前可以仔细阅读码市帮助中心文档有助于您在项目交易过程更顺利。
									需求方筛选了报名者的简历信息，确认了开发方后您即会收到是否被选中的通知。</span>
							</div>
						</div>
						<div class="step">
							<div class="help-tips">
								<p style="font-size: 18px;font-weight: 400;">二、项目阶段划分及启动</p>
								<span>&nbsp;&nbsp;&nbsp;&nbsp;确定被选为开发方后，主动积极与需求方沟通需求并做好项目阶段的规划，
									需求方只要确认项目阶段的划分并在开发宝上预付第一阶段的款项后就意味着可以正式启动开发工作了。</span>

							</div>
							<img th:src="@{/images/help2.jpg}" style="float: right;margin:-100px 25px 0 0" />

						</div>
						<div class="step">
							<img th:src="@{/images/help3.jpg}" style="float: left;margin:20px 30px 0 0;" />
							<div class="help-tips" style="margin-left: 140px;width: 400px;">
								<p style="font-size: 18px;font-weight: 400;">三、阶段交付收款</p>
								<span>&nbsp;&nbsp;&nbsp;&nbsp;按照阶段的规划，按时完成每一阶段任务，需求方确认验收后，该阶段款项将自动转入您的开发宝账户中，
									您可以对开发宝账户中的款项进行提现操作。</span>
							</div>
						</div>
						<div class="step">
							<div class="help-tips">
								<p style="font-size: 18px;font-weight: 400;">四、质保完成</p>
								<span>&nbsp;&nbsp;&nbsp;与需求方协商项目是否设置质保期、质保期的长短、阶段费用占比，
									在质保期完成项目中程序的 bug或调优工作后即顺利完成了整个项目的交易。</span>
							</div>
							<img th:src="@{/images/help4.jpg}" style="float: right;margin: -120px 20px 0 0;" />
						</div>

					</div>
				</div>
			</div>
            <!--联系我们-->
            <div class="contact-container">
                <div class="contact-connect-container">
                    <div class="button-container">
                        <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
                    </div>
                    <div class="pop" style="display: none;">
                        <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
                        <div style="height: 120px;width: 120px;margin:20px 22px;">
                            <img th:src="@{/images/QR.svg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
                        </div>
                    </div>
                </div>
            </div>


            <!--联系我们-->
            <div class="contact-container">
                <div class="contact-connect-container">
                    <div class="button-container">
                        <img th:src="@{/images/contacts.png}"/><span style="margin-left: 5px;">联系我们</span>
                    </div>
                    <div class="pop" style="display: none;">
                        <div class="word" style="text-align: center;"><span style="font-size: 12px;">在线咨询请扫描下面二维码👇</span></div>
                        <div style="height: 120px;width: 120px;margin:20px 22px;">
                            <img th:src="@{/images/QR.jpg}" style="width: 120px;height: 120px;margin-top: -15px;"/>
                        </div>
                    </div>
                </div>
            </div>



            <footer class="footerBg" style="margin-top: 40px">
                <div class="container"><span class="footer_logo"><img th:src="@{/mb/images/mclogo.png}"></span>
                    <span style="padding-right: 10px" class="CopyRight_name">码虫互联网服务外包平台 </span></div>
            </footer>
		</div>



	</body>
    <script th:src="@{/mb/js/jquery-3.3.1.min.js}" type="text/javascript"></script>
    <script th:src="@{/mb/js/jquery.js}" type="text/javascript"></script>
    <script type="text/javascript" th:src="@{/js/Contacts.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/respond.js}"></script>
    <script type="text/javascript" th:src="@{/js/jquery.lazyload.mini.js}"></script>


</html>